<?php
include 'jssdk.php';
$appId = 'wx3464c6b9fd10bf5c';
$secret = '14261ef0ece5d043f5bdea33eabee81b';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();

?><!DOCTYPE html>
<html>
<head>
    <title>滚动金币赢得小确幸</title>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <script src="js/base/base.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script src="js/base/jquery.js"></script>
    <script>
        var appId = "<?php echo $signPackage["appId"];?>";
        // console.log('appId: ', appId);
        var nonceStr = "<?php echo $signPackage["nonceStr"];?>";
        // console.log('nonceStr: ', nonceStr);

        var timestamp = <?php echo $signPackage["timestamp"];?>;
        // console.log('timestamp: ', timestamp);
        var signature ='<?php echo $signPackage["signature"];?>';
        // console.log('signature: ', signature);
        localStorage.setItem("data", JSON.stringify({
            appid:appId,
            noncestr:nonceStr,
            timestamp:timestamp,
            signature:signature
        }));

        // wx.config({
        //     appId: appId,
        //     nonceStr: nonceStr,
        //     timestamp:timestamp,
        //     signature:signature,
        //     jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage','onMenuShareQQ','showMenuItems','showOptionMenu','updateAppMessageShareData','updateTimelineShareData']
        // });
    </script>
    <script src="js/base/share.js?v=12"></script>
    <script>
        ibase.init();
        ibase.load('css/index.css');//无缓存加载文件
    </script>



</head>

<body>
    <!--------------------------------------------------------------html区域-------------------------------------------------------------------------------------------->
    <article style="opacity: 0;">
        <section class="p p1 animated fadeIn">
            <!-- logo -->
            <i class="logo"></i>
            <!-- 树 -->
            <i class="tree"></i>

            <!-- 彩带 -->
            <i class="coloured_ribbon"></i>

            <!-- 白板 -->
            <div class="box">
                <i class="box_title"></i>
            </div>

            <!-- 点击参与 -->
            <!-- <i class="start"></i> -->
        </section>


        <section class="p p2 animated fadeIn hide">
            <!-- logo -->
            <i class="logo animated bounceIn"></i>

            <!-- 树 -->
            <i class="tree animated bounceIn"></i>

            <!-- 彩带 -->
            <i class="coloured_ribbon animated bounceIn"></i>

            <!-- 彩带 -->
            <i class="coloured_ribbon2 animated bounceIn"></i>

            <!-- 盒子 -->
            <i class="box animated bounceIn"></i>

            <!-- 点击参与 -->
            <i class="start animated bounceIn"></i>

        </section>


        <section class="p p3 animated fadeIn hide">
            <!-- logo -->
            <i class="logo animated bounceIn"></i>

            <!-- 树 -->
            <i class="tree animated bounceIn"></i>

            <!-- 游戏规则 -->
            <i class="rules_icon"></i>

            <!-- 彩带 -->
            <i class="coloured_ribbon3"></i>

            <div class="box">
                <i class="text"></i>
            </div>

            <!-- 星星 -->
            <i class="star1 animated fadeIn infinite"></i>
            <i class="star2 animated fadeIn infinite"></i>
            <i class="star3 animated fadeIn infinite"></i>
            <i class="star4 animated fadeIn infinite"></i>


            <i class="start"></i>

        </section>


        <section class="p p4 animated fadeIn hide">
            <!-- logo -->
            <i class="logo animated bounceIn"></i>

            <!-- 树 -->
            <i class="tree animated bounceIn"></i>

             <!-- 彩带 -->
             <i class="coloured_ribbon3"></i>

             <!-- 滚出金币 -->
             <i class="gold_icon"></i>

             <!-- text -->
             <div class="text">
                <span class="text_num">0</span>
             </div>

             <div class="box">
                <i class="box_star"></i>

                <!-- 世茂文字 -->
                <div class="shimao swiper-container swiper-no-swiping">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide i1" data-id="1"></div>
                        <div class="swiper-slide i2" data-id="2"></div>
                        <div class="swiper-slide i3" data-id="3"></div>
                        <div class="swiper-slide i4" data-id="4"></div>
                        <div class="swiper-slide i5" data-id="5"></div>
                        <div class="swiper-slide i6" data-id="6"></div>
                        <div class="swiper-slide i7" data-id="7"></div>
                        <div class="swiper-slide i8" data-id="8"></div>
                        <div class="swiper-slide i9" data-id="9"></div>
                        <div class="swiper-slide i10" data-id="10"></div>
                      </div>
                </div>

                <!-- <i class="gift"></i> -->

                <!-- 球 -->
                <i class="ball animated"></i>

             </div>

             <!-- 按 -->
             <i class="start animated"></i>

            <!-- 星星 -->
            <i class="star1 animated fadeIn infinite"></i>
            <i class="star2 animated fadeIn infinite"></i>
            <i class="star3 animated fadeIn infinite"></i>
            <i class="star4 animated fadeIn infinite"></i>

        </section>

        <section class="p p5 animated fadeIn hide">
            <!-- logo -->
            <i class="logo animated bounceIn"></i>

            <!-- 树 -->
            <i class="tree animated bounceIn"></i>


            <!-- 盒子 -->
            <div class="box">
                <i class="box_icon"></i>

                <i class="star1 animated fadeIn infinite"></i>
                <i class="star2 animated fadeIn infinite"></i>
                <i class="star3 animated fadeIn infinite"></i>

                <!-- 更多惊喜 -->
                <i class="more_icon animated bounceIn"></i>
            </div>

            <!-- 彩带 -->
            <i class="coloured_ribbon  animated bounceIn"></i>

            <i class="coloured_ribbon2 animated bounceIn"></i>

        </section>


        <section class="p p6 animated fadeIn hide">
            <!-- logo -->
            <i class="logo animated bounceIn"></i>

            <!-- 树 -->
            <i class="tree animated bounceIn"></i>

            <!-- 彩带 -->
            <i class="coloured_ribbon  animated bounceIn"></i>

            <i class="coloured_ribbon2 animated bounceIn"></i>

            <div class="box">
                <i class="text"></i>

                <div class="menu">
                    <i class="menu_again"></i>
                    <i class="menu_share"></i>

                </div>

            </div>

            <i class="star1 animated fadeIn infinite"></i>
            <i class="star2 animated fadeIn infinite"></i>
            <i class="star3 animated fadeIn infinite"></i>
            <i class="star4 animated fadeIn infinite"></i>
        </section>


        <!-- 任务 -->
        <i class="people hide"></i>

        <!-- 礼物盒 -->
        <i class="gifts hide"></i>

        <!-- 树 -->
        <i class="tree hide"></i>


        <!-- 分享弹窗 -->
        <div class="share_mask hide">
            <i class="share"></i>
        </div>




    </article>
    <!--------------------------------------------------------------javascript区域-------------------------------------------------------------------------------------->
    <script src="js/base/framwork.js"></script>
    <script src="js/base/monitor.js"></script>
    <script src="js/base/swiper.min.js"></script>
    <script src="js/base/audio.js"></script>
    <script src="js/TweenMax.min.js"></script>
    <script src="js/API.js?v=1"></script>
    <script>
        ibase.load('js/index.js');
    </script>
</body>

</html>